.mobile-view.has-full-page-chat {
  &.disable-message-actions-touch {
    .chat-message-actions {
      + .d-modal__backdrop,
      > * {
        pointer-events: none;
      }
    }
  }

  #skip-link {
    user-select: none;
  }

  #skip-link,
  .d-header,
  .chat-message-actions-mobile-outlet,
  .chat-channel,
  .chat-thread {
    > * {
      user-select: none;
    }
  }

  .chat-message-container {
    transition: transform 400ms;
    transform: scale(1);

    @media (prefers-reduced-motion: no-preference) {
      &.-active {
        animation: scale-animation 400ms;
      }
    }
  }

  @keyframes scale-animation {
    0% {
      transform: scale(1);
    }

    80% {
      transform: scale(0.95);
    }

    100% {
      transform: scale(1);
    }
  }
}
